<template>
	<tm-fullView>
		<tm-menubars title="轮播" color="primary" font-color="white" :transparent="true" :showback="true"></tm-menubars>
		
		<view>
			<tm-images src="https://picsum.photos/300?id=7"></tm-images>
			<tm-flotbutton :offset="[16,30]" actions-pos="left" position="topRight"  absolute :fixed="false" :icon-size="50"
				color="bg-gradient-orange-accent-b" :actions="list"></tm-flotbutton>
			<view class="pa-32 pr-50 pt-50 blue-grey text" :class="$tm.vx.state().tmVuetify.black?'black bk':''">
				这是一个非常强大的悬浮按钮，总共多达12个位置选项共选择,具体请参考文档进行布局。总有一个位置你会满意。
			</view>
		</view>
		<tm-flotbutton label="添加" :show-text="true" color="bg-gradient-pink-accent" actions-pos="left" :actions="list"></tm-flotbutton>
		<tm-flotbutton show-actions position="bottomLeft" actions-pos="top" label="添加" :show-text="true"
			color="bg-gradient-blue-accent" :actions="list"></tm-flotbutton>
		<tm-images src="https://picsum.photos/300?id=52"></tm-images>
		<tm-images src="https://picsum.photos/300?id=23"></tm-images>
		<tm-images src="https://picsum.photos/300?id=29"></tm-images>
		<tm-images src="https://picsum.photos/300?id=288"></tm-images>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmFlotbutton from "@/tm-vuetify/components/tm-flotbutton/tm-flotbutton.vue"
	import tmImages from "@/tm-vuetify/components/tm-images/tm-images.vue"

	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmImages,tmFlotbutton},
		data() {
			return {
				list: [{
						icon: 'myicon-music',
						color: 'bg-gradient-orange-accent'
					},
					{
						icon: 'icon-paperplane-fill',
						color: 'bg-gradient-green-accent'
					},
					{
						icon: 'icon-tag-fill',
						color: 'bg-gradient-blue-accent'
					}
				],
				offset: [16, 50]
			}
		},
		onLoad() {
			// #ifndef H5
			this.offset = [16, 99]
			// #endif
		},
		methods: {

		}
	}
</script>


